﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>3-2-3</title>
    <!--   引入jQuery -->
    <script src="../scripts/jquery-1.3.1.js"></script>
    <script type="text/javascript">
        //<![CDATA[
        $(function () {
            //1、创建元素节点
            //创建<li>元素1
           //创建<li>元素2
            //获取<ol>节点元素
            //将新元素1插入文档内
            //将新元素2插入文档内


            //2、创建文本节点
            //创建<li>元素1
           //创建<li>元素2
            //获取<ol>节点元素
           //将新元素1插入文档内
            //将新元素2插入文档内

            //3、创建属性节点
           //创建<li>元素1
           //创建<li>元素2
            //获取<ol>节点元素
           //将新元素1插入文档内
           //将新元素2插入文档内

            //var $li_3 = $("<li title='雪梨'>雪梨</li>");
            //// 3获取<ul>节点。<li>的父节点
            //// 添加到<ul>节点中，使之能在网页中显示
            //// 等价于：$parent.append($li_1).append($li_2);
            //var $parent = $("ul");
            //$parent.append($li_1);
            //$parent.append($li_2);
        });
                    //]]>
    </script>
</head>
<body>
    <h3 title="你最喜欢哪个游戏">你最喜欢哪个游戏？</h3>
    <ol>
        <li title='魔兽世界'>魔兽世界</li>
        <li title='炉石传说'>炉石传说</li>
        <li title='英雄联盟'>英雄联盟</li>
    </ol>
</body>
</html>
